//从vue-router这个依赖库中导入createRouter(),createWebHistory()函数
import {createRouter, createWebHistory} from "vue-router";

//定义一个变量
let router = createRouter({
    //路由历史
    history: createWebHistory(),
    //配置路由，是一个数组，里面配置多个路由
    routes:[
        {
            //路由路径
            path:'/',
            //路由路径所对应的页面
            component : () => import('../view/LoginView.vue'),
        },
        {
            //路由路径
            path:'/dashboard',
            //路由路径所对应的页面
            component : () => import('../view/DashboardView.vue'),
            //子路由
            children : [
                {
                    //路由路径(子路由路径写法不能有/)
                    path:'user',
                    //路由路径所对应的页面
                    component : () => import('../view/UserView.vue'),
                },
                {
                    //路由路径，子路由路径不能以斜杠开头，id是动态变量，这个叫动态路由
                    path: 'user/:id',
                    //路由路径所对应的页面
                    component : () => import('../view/UserDetailView.vue'),
                },
            ]

        }
    ]
})
//导出创建的路由对象
export default router;